<section style="width: 1210px; margin: 30px auto;dispaly:block;font-family:'黑体'!important">
    <style>
        dl{
            border:1px solid #ccc;
            float:left;
            height:650px
        }
        dt,dd{
            width:300px;
            height:20px
        }
        dt{
            font-weight:bold
        }
        p,.div{
            border-top:1px solid #ccc;
            border-left:1px solid #ccc;
            width:300px;
            height:40px;
            line-height:40px;
            text-align:center;
            font-weight:bold
        }
        .div{
            width:1206px;
            height:50px;
            line-height:50px;
            border-right:1px solid #ccc;
            font-size:25px;
        }
        dd span:first-child{
            width:150px
        }
        dd span:nth-child(2){
            width:50px
        }
        dd span:nth-child(3){
            width:50px
        }
        dd span:nth-child(4){
            width:50px
        }
        dt span:first-child{
            width:150px
        }
        dt span:nth-child(2){
            width:50px
        }
        dt span:nth-child(3){
            width:50px
        }
        dt span:nth-child(4){
            width:50px
        }


        span{
            width:100px;
            height:20px;
            line-height:20px;
            text-align:center;
            display:inline-block;
            border-top:1px solid #ccc;
            border-left:1px solid #ccc;
            font-size:10px;
            float:left;
            overflow: hidden;
        }
    </style>
    <section ng-if="showPrintSorting">
        <div class="div">菜大师采购日报表</div>
        <dl>
            <dt style="height:30px"><p>新鲜蔬菜</p></dt>
            <dt><span>名称</span><span>数量</span><span>单价</span><span>采购量</span></dt>
            <dd ng-repeat="item in list.vegetables1 track by $index">
                <span>{{item.commodityName}}</span>
                <span>{{item.number}}{{item.unit}}</span>
                <span>&nbsp;</span>
                <span>&nbsp;</span>

            </dd>
        </dl>
        <dl>
            <dt style="height:30px"><p>新鲜蔬菜</p></dt>
            <dt><span>名称</span><span>数量</span><span>单价</span><span>采购量</span></dt>
            <dd ng-repeat="item in list.vegetables2 track by $index ">
                <span>{{item.commodityName}}</span>
                <span>{{item.number}}{{item.unit}}</span>
                <span>&nbsp;</span>
                <span>&nbsp;</span>
            </dd>
        </dl>
        <dl>
            <dt style="height:30px"><p>新鲜蔬菜</p></dt>
            <dt><span>名称</span><span>数量</span><span>单价</span><span>采购量</span></dt>
            <dd ng-repeat="item in list.vegetables3 track by $index ">
                <span>{{item.commodityName}}</span>
                <span>{{item.number}}{{item.unit}}</span>
                <span>&nbsp;</span>
                <span>&nbsp;</span>
            </dd>
        </dl>
        <dl>
            <dt style="height:30px"><p>新鲜蔬菜</p></dt>
            <dt><span>名称</span><span>数量</span><span>单价</span><span>采购量</span></dt>
            <dd ng-repeat="item in list.vegetables4 track by $index ">
                <span>{{item.commodityName}}</span>
                <span>{{item.number}}{{item.unit}}</span>
                <span>&nbsp;</span>
                <span>&nbsp;</span>
            </dd>
        </dl>
        <dl style="clear:right;margin-top:100px">
            <dt style="height:30px"><p>禽蛋肉类</p></dt>
            <dt><span>名称</span><span>数量</span><span>单价</span><span>采购量</span></dt>
            <dd ng-repeat="item in list.meat1 track by $index">
                <span>{{item.commodityName}}</span>
                <span>{{item.number}}{{item.unit}}</span>
                <span>&nbsp;</span>
                <span>&nbsp;</span>
            </dd>
        </dl>
        <dl style="clear:right;margin-top:100px">
            <dt style="height:30px"><p>禽蛋肉类</p></dt>
            <dt><span>名称</span><span>数量</span><span>单价</span><span>采购量</span></dt>
            <dd ng-repeat="item in list.meat2 track by $index">
                <span>{{item.commodityName}}</span>
                <span>{{item.number}}{{item.unit}}</span>
                <span>&nbsp;</span>
                <span>&nbsp;</span>
            </dd>
        </dl>
        <dl style="clear:right;margin-top:100px">
            <dt style="height:30px"><p>调料干货</p></dt>
            <dt><span>名称</span><span>数量</span><span>单价</span><span>采购量</span></dt>
            <dd ng-repeat="item in list.seasoning1 track by $index">
                <span>{{item.commodityName}}</span>
                <span>{{item.number}}{{item.unit}}</span>
                <span>&nbsp;</span>
                <span>&nbsp;</span>
            </dd>
        </dl>
        <dl style="clear:right;margin-top:100px">
            <dt style="height:30px"><p>调料干货</p></dt>
            <dt><span>名称</span><span>数量</span><span>单价</span><span>采购量</span></dt>
            <dd ng-repeat="item in list.seasoning2 track by $index">
                <span>{{item.commodityName}}</span>
                <span>{{item.number}}{{item.unit}}</span>
                <span>&nbsp;</span>
                <span>&nbsp;</span>
            </dd>
        </dl>
        <dl style="margin-top:100px">
            <dt style="height:30px"><p>米面粮油</p></dt>
            <dt><span>名称</span><span>数量</span><span>单价</span><span>采购量</span></dt>
            <dd ng-repeat="item in list.rice track by $index">
                <span>{{item.commodityName}}</span>
                <span>{{item.number}}{{item.unit}}</span>
                <span>&nbsp;</span>
                <span>&nbsp;</span>
            </dd>
        </dl>
        <dl style="margin-top:100px">
            <dt style="height:30px"><p>豆制品</p></dt>
            <dt><span>名称</span><span>数量</span><span>单价</span><span>采购量</span></dt>
            <dd ng-repeat="item in list.bean track by $index">
                <span>{{item.commodityName}}</span>
                <span>{{item.number}}{{item.unit}}</span>
                <span>&nbsp;</span>
                <span>&nbsp;</span>
            </dd>
        </dl>
        <dl style="margin-top:100px">
            <dt style="height:30px"><p>水产</p></dt>
            <dt><span>名称</span><span>数量</span><span>单价</span><span>采购量</span></dt>
            <dd ng-repeat="item in list.aquatic track by $index">
                <span>{{item.commodityName}}</span>
                <span>{{item.number}}{{item.unit}}</span>
                <span>&nbsp;</span>
                <span>&nbsp;</span>
            </dd>
        </dl>
        <dl style="margin-top:100px">
            <dt style="height:30px"><p>冻货</p></dt>
            <dt><span>名称</span><span>数量</span><span>单价</span><span>采购量</span></dt>
            <dd ng-repeat="item in list.frozen track by $index">
                <span>{{item.commodityName}}</span>
                <span>{{item.number}}{{item.unit}}</span>
                <span>&nbsp;</span>
                <span>&nbsp;</span>
            </dd>
        </dl>
    </section>
<style>
    .li{
        margin-bottom:210px
    }
</style>
        <div ng-repeat="item in listSorting track by $index" style="position: relative;">
            <dl ng-repeat="x1 in item "  style="width:301px;" class="li">

                <div>
                    <p style="height:30px;width:300px;line-height:30px; "><span style="text-align:left;font-size:16px;height:30px;line-height:30px;letter-spacing:10px;"ng-if="x1.page">第{{x1.page}}页</span>{{x1.commodityName}} <button ng-click="finish(x1.orders)"> 完成</button></p>
                    <p style="position:absolute; right:-20px; bottom: {{300+140*$index}}px; width:10px; border: none; text-align: center; line-height: 18px;">{{x1.commodityName}}</p>
                    <p style="height:30px;text-align:left;width:300px">总数：{{x1.number}}{{x1.unit}}</p>
                </div>
                <dt><span style="width:130px;">店名</span><span style="width:140px">区域</span><span style="width:30px">数量</span></dt>
                <dd ng-repeat="x2 in x1.orders track by $index" >
                    <span style="width:130px">{{x2.customerName}}</span>
                    <span style="width:140px">{{x2.areaCode}}</span>
                    <span style="width:30px"><input type="text"  style="width:30px" ng-model="x2.trueNumber" ng-blur="blur(x2.orderDetailId,x2.trueNumber)"></span>
                </dd>
            </dl>
            <div style="clear: both;"></div>
        </div>

</section>
